<template>
  <span :class="colorStr">{{index+1}}.{{res}}</span>
</template>

<script>
export default {
    props:['res','index'],
    computed:{
        colorStr(){
            if(this.res=='正确'){
                return 'right'
            }else if(this.res=='错误'){
                return 'error'
            }else{
                return 'undo'
            }
        }
    }
    
}
</script>

<style>
.right {
    color:green
}
.error {
    color:red
}
.undo {
    color: #ccc;
}
</style>